$(function(){
    // ---------- 切换登录和注册的盒子-------------------------

    $('#goto-reg').on('click',function(){
        $('#login').hide().next().show();
    })
    $('#goto-login').on('click',function(){
        $('#register').hide().prev().show();
    })
    // ---------- 完成注册功能----------------------------

    // 1. 监听注册提交功能
    $('#register form').on('submit',function(e){
        // 2. 阻止默认跳转行为
        e.preventDefault();
        // 3. 获取输入的账号和密码
        var data=$(this).serialize();
        // console.log(data);
        // 4. ajax提交账号和密码到接口
        $.ajax({
            type:'post',
            url:'http://www.liulongbin.top:3007/api/reguser',
            data:data,
            success:function(res){
                // 5. 根据接口返回的结果，无论成功还是失败，都要给提示
                layer.msg(res.message);
                // 6. 成功了，显示登录的盒子，隐藏注册的盒子
                if(res.status===0){
                    $('#login').show().next().hide();
                }
            }
        })

    })

    // ---------- 注册的表单验证--------------------------------------
    // 使用layui的内置模块，必须先加载
    var form=layui.form;
    // 调用form提供的方法
    form.verify({
        // 验证密码长度  可以用正则表达式  可以用函数
        len:[/^[\S]{6,12}$/,'密码长度不对'],
        // 验证重复密码和首次输入的是否一致
        same:function(val){
            // val 表示重复密码的值
            // 这里还需要一个密码框的值
            var password=$('.pass').val();
            // 比较密码和重复密码
            if(val!==password){
                return '两次密码不一致~~';
            }
        }
    })

    //-------------------------完成登录功能-----------------------------
    // 1.监听登陆表单的提交事件
    $('#login form').on('submit',function(e){
        // 2.阻止默认行为
        e.preventDefault();
        // 3.ajax提交账号和密码
        $.ajax({
            type:'post',
            url:'http://www.liulongbin.top:3007/api/login',
            data:$(this).serialize(),//必须检查表单name属性和接口要求是否一致
            success:function(res){
                // 4.根据服务器返回的结果
                    //  4.1 如果登陆成功，跳转到 index.html页面（后台首页）
                    //  4.2 如果失败，给出提示
                layer.msg(res.message);
                if(res.status===0){
                    // 登陆成功，需要把token保存到 本地存储中 相当于令牌
                    localStorage.setItem('token',res.token);
                    //    / 表示 项目根目录
                    //  登陆成功 跳转到首页
                    location.href='/index.html';
                }
            }
        })

    })
    


})  